<div class="row" style="min-width: 1400px;min-height: 800px">
  <div class="row" style="height: 90px;background-color: #1e88e5"></div>
  <div class="col-sm-2"></div>
  <div class="col-sm-8">
    <ngb-tabset (tabChange)="toreChange($event)">
      <ngb-tab title="育儿文章" id="tab">
        <template ngbTabContent>
          <div class="panel panel-info" *ngFor="let article of articles">
            <div class="panel-body">
              <div  style="padding: 20px">
                <a [routerLink]="['/article', article.id]" class="list-group-item-action">
                  <h2 class="list-group-item-heading text-primary">
                    &nbsp;{{article.title}}
                  </h2>
                  <!--<p class="list-group-item-text">-->
                    <!--<span class="tag tag-default">{{article.comments ? article.comments.length : 0}}条评论</span>-->
                  <!--</p>-->
                  <small class="text-muted">{{article.synopsis}}</small>
                </a>
              </div>
            </div>
          </div>
        </template>
      </ngb-tab>
    </ngb-tabset>
    <ngb-pagination (pageChange)="pageChange($event)" [collectionSize]="100" [(page)]="page" [boundaryLinks]="true"
                    [pageSize]="5" [maxSize]="5" [rotate]="true"></ngb-pagination>
  </div>
  <div class="col-sm-2"></div>
</div>
